// eslint.config.js
import js from '@eslint/js'
import globals from 'globals'
import tseslint from 'typescript-eslint'
import vue from 'eslint-plugin-vue'
import prettier from 'eslint-plugin-prettier/recommended'

export default tseslint.config(
  // === 基础 JavaScript 推荐规则 ===
  js.configs.recommended,

  // === TypeScript 推荐规则 ===
  ...tseslint.configs.recommended,

  // === Vue 3 基本规则 ===
  ...vue.configs['flat/essential'],

  // === Prettier 集成：关闭冲突规则 + 启用格式化 ===
  prettier,

  // === 主要配置块 ===
  {
    // 指定运行环境
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
        ...globals.jest,
      },
      // 共享 parserOptions
      parserOptions: {
        ecmaVersion: 'latest',
        sourceType: 'module',
        ecmaFeatures: {
          jsx: true,
        },
      },
    },

    // 处理 .vue 文件：使用 vue-eslint-parser 解析，并嵌套 TypeScript 解析器
    files: ['**/*.vue'],
    languageOptions: {
      parser: vue.processors['*.vue'].parser,
      parserOptions: {
        parser: tseslint.parser, // 嵌套使用 TypeScript 解析器解析 <script>
        ecmaVersion: 'latest',
        sourceType: 'module',
        ecmaFeatures: {
          jsx: true,
        },
        extraFileExtensions: ['.vue'], // 允许 .vue 被 TS 解析器处理
      },
    },

    // 自定义规则
    rules: {
      // --- ESLint 内建规则 ---
      'no-var': 'error',
      'no-multiple-empty-lines': ['warn', { max: 1 }],
      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
      'no-unexpected-multiline': 'error',
      'no-useless-escape': 'off',

      // --- TypeScript 规则 ---
      '@typescript-eslint/no-unused-vars': 'error',
      '@typescript-eslint/prefer-ts-expect-error': 'error',
      '@typescript-eslint/no-explicit-any': 'off',
      '@typescript-eslint/no-non-null-assertion': 'off',
      '@typescript-eslint/no-namespace': 'off',
      '@typescript-eslint/semi': 'off',

      // --- Vue 规则 ---
      'vue/multi-word-component-names': 'off',
      'vue/script-setup-uses-vars': 'error',
      'vue/no-mutating-props': 'off',
      'vue/attribute-hyphenation': 'off',
    },
  },
)
